<template>


       <el-dialog title="详情" :visible.sync="dialogTableVisible">
        <el-table :data="gridData">  <el-table-column label="订单编号" width="150"> <template slot-scope="scope">{{ scope.row.id }}</template>
        </el-table-column> <el-table-column prop="userwechat" label="用户微信" width="150">
        </el-table-column> <el-table-column prop="phoneNum" label="会员手机" width="150">
        </el-table-column><el-table-column prop="courseName" label="课程名称" width="150">
        </el-table-column> <el-table-column prop="orderAmount" label="订单金额（元）"  width="150">
        </el-table-column><el-table-column label="订单状态"  width="150"> 
          <template slot-scope="scope">{{ typeObj[scope.row.orderState] }}</template>

        </el-table-column><el-table-column prop="date" label="提交时间"  width="200"></el-table-column>
      
        </el-table>
         <span slot="footer" class="dialog-footer">
              <el-button @click="$parent.isShow = false">取 消</el-button>
         </span>
      </el-dialog>

</template>

<script>
export default {

 data() {
      return {
          typeObj:{
          0:'待支付',
          1:'已关闭',
          2:'待确认',
          3:'已完成'
        },
        gridData:[],
        dialogTableVisible: true,
      
      };
      
    },
     methods: {
      handleClose(done) {
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          this.$parent.isShow=false
          })
          .catch(_ => {});
      }
    }
}
</script>

<style>
.el-dialog{
  width: 1200px;
}
</style>